

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%@taglib prefix="sj" uri="/struts-jquery-tags"%>

<s:form name="formBody" id="formBody">

<s:hidden name="start"/>
<s:hidden name="count"/>
<s:hidden name="orderBy"/>
<s:hidden name="ascDesc"/>
<s:hidden name="previousPage"/>
<s:hidden name="gotoPage"/>
<s:hidden name="actionMethod" value="%{actionMethod}"/>
<s:hidden name="id" value="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(id)}"/>
<s:token/>

<div class="header"><span><span class="ico gray administrator"></span>Pemilihan Sertifikat untuk Klien <s:property value="klien.debitur.name"/></span>
</div><!-- End header -->	
<div class="content" >
	
		<!-- Third / Half column-->
		<div class="widgets">
				<div class="section" >
					<label>Nama Sertifikat</label>
					<div><s:textfield cssClass="large" name="namaSertifikat" labelposition="left" maxlength="20" id="name" autocomplete="off"/></div>
				</div>
				<div class="section" >
					<label>Nomor Sertifikat</label>
					<div><s:textfield cssClass="large" name="nomorSertifikat" labelposition="left" maxlength="20" id="name" autocomplete="off"/></div>
					<div class="section last">
						<a href="PenandatangananAction_cariSertifikat.do?id=<s:property value="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(id)}"/>" title="Cari" class="uibutton" style="width:100px">Cari</a>
					</div>
				</div>
		</div><!-- End Third / Half column-->
	
	   <!-- clear fix -->
		<div class="clear"></div>

		<div class="tableName">
			<table class="display data_table1">
				<thead>
					<tr>
						<th><input type="checkbox" onClick="toggle(this)" /> </th>
						<th><div class="th_wrapp"><s:text name="label.no"/></div></th>
						<th align="left">Nama Sertifikat</th>
						<th align="left">Nomor Sertifikat</th>
						<th >Kelurahan</th>
						<th >Wilayah</th>
					</tr>
				</thead>
				<tbody>
					<s:iterator value="listSertifikat" status="sequence">
					<tr class="odd gradeX">
					    <td><s:checkbox name="selectedRows" fieldValue="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(id)}"/></td>
						<td><s:property value="%{start+#sequence.index+1}"/></td>
						<td style="text-align:left"><s:property value="name"/></td>
						<td style="text-align:left"><s:property value="number"/></td>
						<td><s:property value="village"/></td>
						<td><s:property value="reqion"/></td>
					</tr>
					</s:iterator>
				</tbody>
			</table>
			
			
			<div style= "float:left;">
				<s:submit action="%{actionMethod}" value="Submit" cssClass="uibutton icon forward confirm" cssStyle="width: 100px;"/>
				<a href="PenandatangananAction_list.do" class="uibutton special">kembali</a>
			</div>
			
			<div>
				<s:property value="%{pagerItem}" escape="false"/>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
			
		</div>
	
   <!-- clear fix -->
<div class="clear"></div>

</div><!-- End content -->
</s:form>

<script type="text/javascript">
	function toggle(source) {
	  checkboxes = document.getElementsByName('selectedRows');
	  for(var i in checkboxes)
	    checkboxes[i].checked = source.checked;
	}
</script>